@import 'util.sass'

.api-type-label
  display: inline
  line-height: 16px
  margin-left: 8px
  padding: 1px 5px
  border-radius: 4px
  vertical-align: middle
  font-size: $font-sm
  text-transform: uppercase
  font-family: Consolas, Monaco, monospace

  &.component
    color: fui-color(blue, 3)
    border: 1px solid fui-color(blue, 3)

  &.directive
    color: fui-color(purple, 3)
    border: 1px solid fui-color(purple, 3)

  &.service
    color: fui-color(green, 3)
    border: 1px solid fui-color(green, 3)

  &.class
      color: fui-color(blue, 3)
      border: 1px solid fui-color(blue, 3)

  &.interface
    color: fui-color(purple, 3)
    border: 1px solid fui-color(purple, 3)

  &.type
    color: fui-color(green, 3)
    border: 1px solid fui-color(green, 3)

  &.const
    color: fui-color(yellow, 3)
    border: 1px solid fui-color(yellow, 3)
